<script type="text/javascript"> 
$('#home').ready(function($) {

    /*****************************/
    /****Efecto de Entrada Home***/
    /*****************************/
    $('#home').
    css({'position':'relative',
    'left':'-20em'        
    }).animate({"left": "+=20em"}, "slow");
    

     /******************/
    /*  Nav Home Iz   */
    /******************/      
      $('#googleKodevian a').click(function (event) {
        event.preventDefault();
        var dir = '#kodevian section:nth-of-type(' + $(this).attr('href') + ')';
        $('#kodevian section').css('display', 'none');
        $(dir).css('display', 'block');
    });    

});

</script>

<div id="home">
    <div id="googleKodevian">
        <nav id="desplazable">
            <a href="1" ><img src="<?php echo URL::base()?>media/images/presentacion.png">KODEVIAN</a> 
            <a href="2"><img src="<?php echo URL::base()?>media/images/service.png">SERVICIOS</a>            
            <a href="3"><img src="<?php echo URL::base()?>media/images/tutos.png">TUTORIALES</a>
        </nav>
    </div>
    <div id="centerHome">
    
        <div id="kodevian">
            <section>
                <div class='presentacion'>
               <iframe width="640" height="360" src="http://www.youtube.com/embed/wmUn6W5k6t0?feature=player_detailpage&autoplay=1" frameborder="0" allowfullscreen></iframe>
                 <div>
                    <a href=""><img src="<?php echo URL::base()?>media/images/service.png">Nuestros Servicios</a>
                    <a href="#"><img src="<?php echo URL::base()?>media/images/aboutus.jpg">Conocenos...</a>
                 </div>
                </div>
                
            </section>
            <section>              
                <article>
                    <header>Software a medida</header>
                    <p>La automatización de tareas dentro de su empresa es una de las ventajas principales para competir en
                        el mercado. Utilizando las nuevas tecnologías usted podrá obtener herramientas software de la más
                        alta calidad que se adapten a sus necesidades y a su forma de trabajo.</p>
    
                    <p>
                        <img src="http://einsupiicsa.files.wordpress.com/2011/09/cat.jpg" class="articleimg">¿Porque eligirnos para el diseño
                        de Software?
                        - Porque le damos soporte tecnico a nuestro software una vez desarrollado. Además de seguir los
                        pasos de la ingenieria del software que garantizará un software de calidad, verificaciones, pruebas
                        y mantenimiento
                        ¿Que tipo de Software Diseñamos?
                        - Cualquier aplicacion, así mismo aplicacciones de gestion, contabilidad, almacenaje, seguridad de
                        datos, etc....
    
                    </p>
                </article>
    
                <article>
                    <header>Desarrollo de Portales Web</header>
                    <p>
                        Creamos su sitio en internet permitiendole la conexion con el Mundo, comenzamos un proyecto desde
                        cero sin el uso de plantillas y lo hacemos de tal modo que no tenga limitaciones en cuanto diseño y
                        estructura.
                    </p>
    
                    <p>
                        <img src="http://otake.com.mx/Wallpapers/Html5-01-1024x768.jpg" class="articleimg">
                        Utilizamos las herramientas mas actuales del mercado, trabajamos con el Estandar lo que favorece a
                        la compatibilidad con los distintos navegadores permitiendo que su contenido web tenga mucho mas
                        alcance aun.
                    </p>
    
                    <p>
                        El Diseño Web que proponemos es creativo, de alta calidad, creamos páginas web de fácil navegación y
                        atractivos diseño web.
                    </p>
    
    
                </article>
    
              
                <article>
                    <header>Desarrollo de Aplicaciones Mobiles</header>
                    <p>
                        Creamos su sitio en internet permitiendole la conexion con el Mundo, comenzamos un proyecto desde
                        cero sin el uso de plantillas y lo hacemos de tal modo que no tenga limitaciones en cuanto diseño y
                        estructura.
                    </p>
    
                    <p>
                        Utilizamos las herramientas mas actuales del mercado, trabajamos con el Estandar lo que favorece a
                        la compatibilidad con los distintos navegadores permitiendo que su contenido web tenga mucho mas
                        alcance aun.
                    </p>
    
                    <p>
                        El Diseño Web que proponemos es creativo, de alta calidad, creamos páginas web de fácil navegación y
                        atractivos diseño web.
                    </p>
                </article>
                 <article>
                    <header>Desarrollo de Aplicaciones Mobiles</header>
                    <p>
                        Creamos su sitio en internet permitiendole la conexion con el Mundo, comenzamos un proyecto desde
                        cero sin el uso de plantillas y lo hacemos de tal modo que no tenga limitaciones en cuanto diseño y
                        estructura.
                    </p>
    
                    <p>
                        <img
                            src="http://www.ecbloguer.com/marketingdigital/wp-content/uploads/2011/12/Portal-M%C3%B3vil-o-aplicaci%C3%B3n-m%C3%B3vil-app-cu%C3%A1l-es-mejor-para-su-negocio.jpg" class="articleimg">
                        Utilizamos las herramientas mas actuales del mercado, trabajamos con el Estandar lo que favorece a
                        la compatibilidad con los distintos navegadores permitiendo que su contenido web tenga mucho mas
                        alcance aun.
                    </p>
    
                    <p>
                        El Diseño Web que proponemos es creativo, de alta calidad, creamos páginas web de fácil navegación y
                        atractivos diseño web.
                    </p>   
                </article>
    
            </section>
            <section >
                <div id="tutos">                    
                      <div >
                        <h3><u>Tutoriales:</u></h3>
                        <div class="circulo">
                        <a href=""><img src="<?php echo URL::base()?>media/images/download.jpg" alt=""> Html5</a>
                        </div>
                        
                        <div class="circulo">
                        <a href=""><img src="<?php echo URL::base()?>media/images/download.jpg" alt=""> Html5</a>
                        </div>

                        <div class="circulo">
                        <a href=""><img src="<?php echo URL::base()?>media/images/download.jpg" alt=""> Html5</a>
                        </div>

                        <div class="circulo">
                        <a href=""><img src="<?php echo URL::base()?>media/images/download.jpg" alt=""> Html5</a>
                        </div>
                         <div class="circulo">
                        <a href=""><img src="<?php echo URL::base()?>media/images/download.jpg" alt=""> Html5</a>
                        </div>
                        
                      </div>  
                </div>
                
            </section>
        </div>
    </div>
</div>


